a { -webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear, font-weight .25s linear; -ms-transition: color .25s linear, background-color .25s linear, border-color .25s linear, font-weight .25s linear; -moz-transition: color .25s linear, background-color .25s linear, border-color .25s linear, font-weight .25s linear; -o-transition: color .25s linear, background-color .25s linear, border-color .25s linear, font-weight .25s linear; transition: color .25s linear, background-color .25s linear, border-color .25s linear, font-weight .25s linear; }

html { height: 100%; overflow: hidden; }
body { height: 100%; font-size: .75em; font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif; }
a { color: #666; text-decoration: none; }

nav { background-color: #2D2D2D; border-bottom: 1px solid black; }
nav ol { margin-left: 2%; }
nav ol li { float: left; display: block; }
nav ol a { text-decoration: none; padding: .4em .75em .5em .75em; color: #CCC; display: block; border-top: 2px solid transparent; }
nav ol a:hover { background-color: #4C4C4C; }

nav a.selected { color: White; font-weight: bold; border-top-color: Red; }

#search { background-color: whitesmoke; border-bottom: solid 1px #e5e5e5; padding-top: 1em; }
#logo { background: url("/images/logo.jpg") no-repeat; margin: 0 0 1em 3em; float: left; }
#logo:hover { -webkit-animation: flip 1s; }
#logo a { width: 181px; height: 40px; display: block; overflow: hidden; }

#search-1 { width: 80%; float: right; padding-top: 5px; }
#search-1 input { width: 45%; border: 1px solid #E2E2E2; color: #333; font-size: 1.45em; border-image: initial; line-height: 1.45em; }

#search-1 button { margin-left: 1.5em; background-color: #D3DCE0; border: solid 1px #787878; font-size: 1.2em; font-weight: 600; padding: .4em 2em; }


footer { text-align: center; position: fixed; bottom: 0; height: 2em; line-height: 2em; width: 100%; color: #666; background-color: whitesmoke; border-top: solid 1px #e5e5e5; }
#main { overflow-x: hidden; overflow-y: auto; }
#grid, #map { height: 100%; width: 100%; display: none; }
#grid { margin: 1em 0; }
/* table
----------------------------------------------- */
table { width: 100%; border: 1px solid #bbb; margin-bottom: 10px; }
col.colC { width: 8em; }
th, td { padding: .2em 1em; text-align: left; }
thead th { border-bottom: 2px solid #888; background: #bbb; padding: .4em 1em .2em; }
thead th.table-head { font-size: 1em; font-weight: normal; text-transform: uppercase; color: #fff; background: #555; border: 1px solid #555; }
tbody th, tbody td { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #eee; }
tbody tr:nth-child(2n+1) th, tbody tr:nth-child(2n+1) td { background: #fff; }
tfoot th, tfoot td { border-top: 2px solid #666; background: #eee; }
tfoot tr.total th, tfoot tr.total td { border-top: 6px double #666; }
tfoot tr.total th { text-transform: uppercase; }
th.currency, td.currency { text-align: right; }



.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

::-webkit-scrollbar { width: 10px; }

/* Track */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; }

/* Handle */
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(231,231,231,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(231,231,231,0.4); }
